/* Write your custom CSS here */

.input-group label.error {
	font-size: 12px;
	display: block;
	margin-top: 5px;
	font-weight: normal;
	color: #F44336; }
.input-group .form-line.error:after {
	border-bottom: 2px solid #F44336; }
.input-group .form-line.success:after {
	border-bottom: 2px solid #4CAF50; }
.input-group .form-line.warning:after {
	border-bottom: 2px solid #FFC107; }

.logo {
	text-align: center;
}

/* Jquery DataTable ============================ */
.dataTables_wrapper .dt-buttons {
	float: left; }

@media only screen and (max-width:530px) {
	.dataTables_wrapper .dt-buttons a.dt-button, 
	.dt-buttons a.dt-button{
		float: left;
		width: 100%;
		margin: 6px;
		text-align: center;
	}
	.dataTables_filter input[type="search"]{
		width: 90%;
	}
	.select2 {
		width:100%!important;
	}
	.align-buttoms-action, .align-buttom-providers{
		display:grid !important;
	}
}
	
.dataTables_wrapper .dt-buttons a.dt-button {
	/*background-color: #607D8B;*/
	background-color: #5C003F; /*Marrón ESBD*/
	color: #fff;
	padding: 7px 12px;
	margin-right: 5px;
	text-decoration: none;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	border: none;
	font-size: 13px;
	outline: none; }
.dataTables_wrapper .dt-buttons a.dt-button:active {
	opacity: 0.8; }

.dt-button-info {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 400px;
	text-align: center;
	background-color: #fff;
	border: 2px solid #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	margin-top: -100px;
	margin-left: -200px;
	z-index: 21; }
.dt-button-info h2 {
	color: #777; }
.dt-button-info div {
	color: #777;
	margin-bottom: 20px; }
.dataTable.display tr.group {
	background-color: #FCC8C9 !important;
}

.loading {
	border: 6px solid #f3f3f3;
	border-radius: 50%;
	border-top:6px solid #bcaaa4;;
	width: 60px;
	height: 60px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
	position: absolute;
	left: 50%;
	top: 25%;
	z-index: 999999999999;
}
/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.center-buttons-modals{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.select2-container .select2-selection--single {
	border-bottom: 1px solid #5c013f;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #5c013f transparent transparent transparent;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: transparent;
}

.logo-esbd-form{
	width: 30%;
	height: auto;
}

span.title-form{
	font-size: 15px;
	font-weight: 500;
	color: black;
}

.dataTable.display tbody tr.selected,
.dataTable.hover tbody tr.selected {
	background-color: #EEEEEE!important;
}
.dataTable.display tbody tr.odd.selected,
.dataTable.hover tbody tr.odd.selected {
	background-color: #EEEEEE!important;
}
.dataTable.display tbody tr.selected:hover,
.dataTable.hover tbody tr.selected:hover {
	background-color: #EEEEEE!important;
}

.my-confirm-class {
	padding: 3px 6px;
	font-size: 12px;
	color: white;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	background-color: #E91E63;
	text-decoration: none;
}

.my-cancel-class {
	padding: 3px 6px;
	font-size: 12px;
	color: white;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	background-color: #5C013F;
	text-decoration: none;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: transparent !important;
}
.select2-container .select2-selection--single {
	color: #666666;
}

.select-wrapper span.caret {
	color: #5C013F;
}

.select-wrapper span.caret.disabled {
	color: #5C013F;
}

.select-wrapper input.select-dropdown {
	border-bottom: 1px solid #5C013F;
}

.select-wrapper input.select-dropdown:disabled {
	color: rgba(0,0,0,0.6);
	border-bottom: 1px solid #5C013F;
}

input[type=text]:disabled {
	color: rgba(0,0,0,0.6);
	border-bottom: 1px solid #5C013F;
}

.title-entry{
	color: #5c003f !important;
	/*position: absolute !important;
	top: -1.2rem !important;*/
	font-size: 1rem !important;
	cursor: text !important;
	transition: .2s ease-out;
}

@media (max-width: 600px) {
	.logo-esbd-form {
		width: 60%;
	}
	span.title-form {
		font-size: 12px;
	}
	.logo-control {
			 width: 85%;
			 height: auto;
		 }
}
.embedded-video-16-9 {
	width:  90vw;
	height: 50.625vw; /* 90*9/16 */
	margin-left: 5vw;
	margin-right: 5vw;
}

@media (min-width: 893px) {
	.embedded-video-16-9 {
		width: 45vw;
		height: 25.3125vw; /* 45*9/16 */
		margin-left: 2vw;
		margin-right: 2vw
	}
}

.dataTable.display tbody tr.selected,
.dataTable.hover tbody tr.selected {
	background-color: #EEEEEE!important;
}
.dataTable.display tbody tr.odd.selected,
.dataTable.hover tbody tr.odd.selected {
	background-color: #EEEEEE!important;
}
.dataTable.display tbody tr.selected:hover,
.dataTable.hover tbody tr.selected:hover {
	background-color: #EEEEEE!important;
}

.my-confirm-class {
	padding: 3px 6px;
	font-size: 12px;
	color: white;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	background-color: #E91E63;
	text-decoration: none;
}

.my-cancel-class {
	padding: 3px 6px;
	font-size: 12px;
	color: white;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	background-color: #5C013F;
	text-decoration: none;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: transparent !important;
}
.select2-container .select2-selection--single {
	color: #666666;
}

.select-wrapper span.caret {
	color: #5C013F;
}

.select-wrapper span.caret.disabled {
	color: #5C013F;
}

.select-wrapper input.select-dropdown {
	border-bottom: 1px solid #5C013F;
}

.select-wrapper input.select-dropdown:disabled {
	color: rgba(0,0,0,0.6);
	border-bottom: 1px solid #5C013F;
}

input[type=text]:disabled {
	color: rgba(0,0,0,0.6);
	border-bottom: 1px solid #5C013F;
}

.title-entry{
	color: #5c003f !important;
	/*position: absolute !important;
	top: -1.2rem !important;*/
	font-size: 1rem !important;
	cursor: text !important;
	transition: .2s ease-out;
}

nav .nav-wrapper ul li span.badge {
	position: absolute;
	top: 10px;
	right: 5px;
	min-width: 1px!important;
	line-height: 1.5;
	background: #F84370;
	border-radius: 100%;
	font-size: 12px;
	color: #fff;
}


ul.report li{
	padding: 0px !important;
}

.collapsible-body {
	border-bottom: 1px solid transparent !important;
}

.my-confirm-class {
	padding: 3px 6px;
	font-size: 12px;
	color: white;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	background-color: #E91E63;
	text-decoration: none;
}

.my-cancel-class {
	padding: 3px 6px;
	font-size: 12px;
	color: white;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	background-color: #5C013F;
	text-decoration: none;
}

nav .nav-wrapper ul li span.badge {
	position: absolute;
	top: 10px;
	right: 5px;
	min-width: 1px!important;
	line-height: 1.5;
	background: #F84370;
	border-radius: 100%;
	font-size: 12px;
	color: #fff;
}